@extends('frontend.layout')

@section('content')
    <link rel="stylesheet" href="{{ asset('css/app.css') }}">
<div class="photolane_fn_content_in">
    <!-- PROJECT PREVIEW -->
    <div class="container">
        <div class="photolane_fn_blog_wrap">

            <div class="photolane_fn_secondblog_list">
                <div class="inner">
                    <ul class="photolane_fn_masonry" style="position: relative; height: 1514px;">
                        @foreach($videos as $video)
                            <li class="photolane_fn_masonry_in">
                                <div class="item">
                                    <div class="img_holder">
                                        <a href="#" data-url="{{ $video->video }}" class="video-play-frame">
                                            <img src="{{ $video->image }}" alt="" >
                                        </a>
                                    </div>
                                </div>
                            </li>
                        @endforeach
                    </ul>
                </div>
            </div>
            <center>
                <!--  /SECONDARY WRAP  -->
                {{ $videos->links('vendor.pagination.custom') }}
            </center>
        </div>
    </div>
    <!-- /PROJECT PREVIEW -->
</div>
@endsection